
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="fhdb" content="true">
    <title>百瑞花苑-用户登录</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css?v=2020">
    <link rel="stylesheet" href="css/bootstrapValidator.css" />
    <script type="text/javascript" src="jquery/jquery-1.10.2.min.js"></script>
    <script src="jquery/jquery.form.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="jquery/bootstrap.min.js"></script>
    <script type="text/javascript" src="jquery/bootstrapValidator.js"></script>
    <link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${re.contextPath}/plugin/x-admin/css/font.css">
    <link rel="stylesheet" href="${re.contextPath}/plugin/x-admin/css/xadmin.css">
    <script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.all.js"></script>
    <script type="text/javascript" src="${re.contextPath}/plugin/jquery/jquery-3.2.1.min.js"></script>

</head>
<body class="login-bg">

<div class="login">
    <div class="message">哈哈哈哈</div>
    <div id="darkbannerwrap"></div>
    <form method="post" action="${re.contextPath}/login" class="layui-form">
        <div class="loginTopTit">
            <img src="images/ziti.png" style="width:100%; height:65%; margin-left:22%; margin-top:-5%;" />
        </div>
        <div class="loginBigBox">
            <div class="passBox form-group">
                <span class="glyphicon glyphicon-phone"></span>
                <input type="text" name="username" placeholder="请输入手机号码" />
            </div>
            <div class="passBox form-group">
                <span class="glyphicon glyphicon-lock"></span>
                <input type="password" name="password" placeholder="请确入密码" />
            </div>
            <div class="form-group">
                <button type="submit" class="btn btnBox" id="btnBox">
                    提交</button>
            </div>
            <div class="logBottomBox">
                <div class="forgotPass">
                    <a href="forgotpw.html">忘记密码</a></div>
                <div class="line">
                    |</div>
                <div class="uesrRegister">
                    <a href="regis.html">用户注册</a></div>
            </div>
        </div>
    </form>
<#--    <form method="post" action="${re.contextPath}/login" class="layui-form" >-->
<#--        <input name="username" placeholder="用户名" autocomplete="off"  type="text" lay-verify="username" class="layui-input" >-->
<#--        <hr class="hr15">-->
<#--        <input name="password" lay-verify="password" placeholder="密码" autocomplete="off"  type="password" class="layui-input">-->
<#--        <hr class="hr15">-->
<#--        <div  class="layui-inline">-->
<#--            <label class="layui-form-label" style="width:40px;padding: 9px 0px;">验证码&nbsp;</label>-->
<#--               <div class="layui-input-inline">-->
<#--                     <input type="text" name="code" style="width:150px;height:35px;" autocomplete="off" lay-verify="code"   class="layui-input">-->
<#--              </div>-->
<#--            <div class="layui-input-inline">-->
<#--                <img src="" id="code">-->
<#--            </div>-->

<#--        </div>-->
<#--        &lt;#&ndash;<div>&ndash;&gt;-->
<#--        &lt;#&ndash;<label class="layui-form-label" style="width:40px;padding: 9px 0px;">记住我</label>  由于不好验证 目前去掉&ndash;&gt;-->
<#--            &lt;#&ndash;<input type="checkbox"   name="rememberMe" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">&ndash;&gt;-->
<#--        &lt;#&ndash;</div>&ndash;&gt;-->
<#--        <hr class="hr15">-->
<#--        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">-->
<#--        <hr class="hr20" >-->
<#--    </form>-->
</div>


<script>
  var layer;
  $(function  () {
    layui.use(['form','layer'], function(){
      var form = layui.form;
      form.verify({
        username:function(v){
          if(v.trim()==''){
            return "用户名不能为空";
          }
        }
        ,password:function(v){
          if(v.trim()==''){
            return "密码不能为空";
          }
        },code:function(v){
              if(v.trim()==''){
                  return '验证码不能为空';
              }
          }
      });

      form.render();
    });
    layer = layui.layer;
    var msg='${message}';
    if(msg.trim()!=""){
        layer.msg(msg, {icon: 5,anim:6,offset: 't'});
    }
      $("#code").click(function(){
          var url = "${re.contextPath}/getCode?"+new Date().getTime();
          this.src = url;
      }).click().show();
    $('#code').on('mouseover',function(){
        layer.tips('点击刷新验证码', this,{time:1000});
    });
  })

  if (window != top)
    top.location.href = location.href;
</script>


<!-- 底部结束 -->
</body>
</html>
